<section class="mt-8">
  <h2 style="font-size: 1.8rem; margin-bottom: 20px;">成绩导入</h2>
  <div class="card">
    <form>
      <div style="margin-bottom: 15px;">
        <label for="match-name" style="display: block; margin-bottom: 5px; font-weight: 500;">赛事名称</label>
        <select id="match-name" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
          <option>2025年春季田径运动会</option>
          <option>夏季球类运动会</option>
        </select>
      </div>
      <div style="margin-bottom: 15px;">
        <label for="project" style="display: block; margin-bottom: 5px; font-weight: 500;">项目名称</label>
        <input type="text" id="project" placeholder="如：女子800米决赛" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
      </div>
      <div style="margin-bottom: 15px;">
        <label for="results" style="display: block; margin-bottom: 5px; font-weight: 500;">运动员成绩（每行姓名,班级,成绩）</label>
        <textarea id="results" rows="5" placeholder="张三,高三(2)班,12.56&#10;李四,高三(2)班,12.89" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px;"></textarea>
      </div>
      <button type="button" style="padding: 10px 20px; background-color: #165DFF; color: white; border: none; border-radius: 4px; cursor: pointer;" onclick="alert('成绩已提交，实际需后端开发实现');">提交成绩</button>
    </form>
  </div>
</section>